<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始JQuery</title>
		<!--JQuery框架----JavaScript 行为层 做页面触发型效果
		一、使用jQuery使用
		①官方网站下载Query框架，版本格式:jquery-1.11.1.js
		注意:jquery-2-xx.js 以上版本不支持IE6、7、8
		②引入JQuery框架，在head元素中，添加script元素
		③JQuery语法使用，在后标记body元素前加script元素，在这个元素中写JQ语法
		
		JavaScript三部分组成  EMCAScript5.0 核心语法  理解：Java基础
		                     功能：做逻辑
							 输出语句
							 1.document.write(“内容+元素”)
							 效果直接输出页面中
							 【较为常用】
							 2.console.log(”内容+变量值”);
							 任何浏览器F12，直接在控制台输出内容+变量值
							 调试页面数据，查看页面程序运行状态
							 【非常常用】
							 3.alert("内容+变量值")
							 弹出框，测试功能是否生效,Debug页面方式
							 4.confirm("内容”)
							 弹出框，判断基础逻辑
						【重点】DOM Document object Model文档节点对象模型
						功能:改变贞面效果【结合逻辑操作页面元素和属性】
						改变页面效果--DOM树概念
						JS\JQ 写在最后一个body前原因
						DOM认为页面一颗DOM树，树根document
						按照html元素结构，body元素中页面出现
						元素最多位置，等待元素出现，才可以改变元素效果
				        
						
						BOM  Browser Object Model  浏览器对象模型
						针对浏览器功能操作
						功能：改变浏览器效果【结合逻辑操作浏览器功能】-->
	       <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
		$("button").click(function(){document.write("<h1>zbxk</h1>")})	
		</script>
	</body>
</html>